<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.springframework.org/schema/mvc">
<head>
    <meta charset="UTF-8">
    <title>活动管理</title>
    <!--<link rel="stylesheet" href="layui/css/layui.css">-->
</head>
<body>
<!--面包屑导航-->
<div class="layui-card" style="padding: 15px">
    <div class="layui-breadcrumb">
        <a href="javascript:;">首页</a>
        <a href="javascript:;">
            <cite>活动管理</cite>
        </a>
    </div>
</div>

<!--表格容器-->
<table id="activity_table" lay-filter="activity"></table>
<!--添加弹出框-->
<script type="text/html" id="addLayer" class="layui-form">
    <div class="layui-form-item" style="margin-top: 30px">
        <div class="layui-inline">
            <label class="layui-form-label">活动名称</label>
            <div class="layui-input-inline" >
                <input type="tel" id="activityName" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">活动地点</label>
            <div class="layui-input-inline" >
                <input type="tel" id="activityAddress" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">签到倒计时(分钟)</label>
            <div class="layui-input-inline">
                <input type="text" id="daojishi" autocomplete="off" class="layui-input">
            </div>
        </div>
    </div>
    </script>


<script type="text/html" id="seeRegister">

    <table id="activity_register_table" lay-filter="activity_register"></table>
</script>
<!--工具栏模板-->
<script type="text/html" id="activity_register_toolbar">

</script>
<!--表格操作模版-->
<script type="text/html" id="activity_register_operate">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm"  lay-event="zhengchang" >正常</button>
        <button class="layui-btn layui-btn-sm layui-btn-danger" style="background-color: yellow" lay-event="chidao" >迟到</button>
        <button class="layui-btn layui-btn-sm layui-btn-danger"  style="background-color: red"  lay-event="kuangke" >旷课</button>
        <button class="layui-btn layui-btn-sm layui-btn-danger"  style="background-color:gray"  lay-event="qingjia" >请假</button>
    </div>
</script>
//签到状态模板
<script type="text/html" id="templeTregisterState">
   {{#  if(d.registerState =='正常'){     }}
            <div class="layui-btn layui-btn-sm" >正常</div>
   {{#   }  else{    if(d.registerState =='迟到'){     }}
              <div class="layui-btn layui-btn-sm layui-btn-danger" style="background-color: yellow" >迟到</div>
   {{#        } else  {    if(d.registerState =='请假'){     }}
                <div class="layui-btn layui-btn-sm layui-btn-danger"  style="background-color: gray"  >请假</div>
   {{#       }else{         }}
             <div class="layui-btn layui-btn-sm layui-btn-danger"  style="background-color: red"  >旷课</div>
    {{#          }            }}
    {{#          }            }}
    {{#          }            }}
</script>
<!--JavaScript脚本-->
<!--<script src="layui/layui.js" th:src="@{/layui/layui.js}"></script>-->
<script src="layui/layui.js" th:src="@{/layui/lay/modules/form.js}"></script>
<!--<script src="js/js.js"></script>-->
<!--<script src="js/js.js" th:src="@{/js/js.js}"></script>-->


<!--工具栏模板-->
<script type="text/html" id="activity_toolbar">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="add">添加</button>
    </div>
</script>
<!--表格操作模版-->
<script type="text/html" id="activity_operate">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="see">查看</button>
        <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="beginRegiser">开始签到</button>
    </div>
</script>

<script src="/myJs/layUi/acyivity.js" th:src="@{/myJs/layUi/acyivity.js}"></script>


<script src="/js/axios.min.js" th:src="@{/js/axios.min.js}"></script>
<script src="/js/vue.min.js" th:src="@{/js/vue.min.js}"></script>
<script src="/myJs/layUi/acyivityVue.js" th:src="@{/myJs/layUi/acyivityVue.js}"></script>
<script>

</script>
</body>
</html>